<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="./../../resources/templates/template.xhtml">

    <ui:define name="header">
        <style type="text/css">
            .form-box
            {
                display: inline-block;
                max-width: 50%;
            }
        </style>
    </ui:define>

    <ui:define name="content">
        <h:form id="frmInscricao">
            <p:accordionPanel>
                <p:tab id="pDescricaoEvento"
                       title="Dados do evento">
                    <p:panelGrid columns="1"
                                 styleClass="gridNoLine">
                        <h:outputLabel value="#{inscreverBean.evento.nmeEvento}"
                                       styleClass="t2 wrap"/>
                        <p:separator />
                        <h:graphicImage alt="#{inscreverBean.evento.nmeEvento}"
                                        library="images"
                                        name="#{inscreverBean.evento.urlImagemEvento}"
                                        styleClass="imagemAnuncio"/>
                        <p:separator />
                        <h:outputLabel value="#{inscreverBean.evento.dscEvento}"
                                       styleClass="t3"/>

                    </p:panelGrid>
                </p:tab>
                <p:tab id="pFormCadastro"
                       title="Dados do participante">
                    <p:panelGrid columns="2"
                                 styleClass="gridNoLine">
                        <h:outputLabel value="* Nome:" />
                        <p:inputText />

                        <h:outputLabel value="* Email" />
                        <p:inputText />

                        <h:outputLabel value="* Telefone de contato" />
                        <p:inputText />

                        <!-- -->
                        <p:commandButton style="margin-right: 5px;" value="Inscrever"
                                         styleClass="btn-primary" />
                    </p:panelGrid>
                </p:tab>
            </p:accordionPanel>
        </h:form>
    </ui:define>

</ui:composition>
